@charset "utf-8";

/* base 公共部分 */
body { font: 12px/22px "思源黑体"; color:#555; margin: 0px; text-align:center;}
*{ padding:0; margin:0; font-family:"思源黑体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#087a27; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{  color:#000; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ color:#087a27;}

.wrapper{width:100%; text-align:left; margin:0; padding:0;}
.header{border-top:6px solid #62b000;}
.top-box{width:100%;height:97px;  background:url(../images/bg7.jpg) center no-repeat;}
.header .top{width:1028px; margin:0 auto; position:relative;}
.header .top .tp{width:152px; height:22px;color:#fff; background:url(../images/bg1.png) top center no-repeat; position:absolute;display:block;text-align:center; right:0px; top:0px;}
.header .top .tp a{color:#fff;}
.header .top .tp a:hover{color:#000;}
.header .top .logo{text-align:left;}

.nav-box{width:100%;height:38px; line-height:37px; background:url(../images/bg.jpg) left repeat-x; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:1028px; margin:0 auto; height:38px; line-height:38px; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block;/*width:102px;*/width:114px;font-size:14px; text-align:center; color:#fff;}
.nav .nLi h3 a:hover{color:#fff;}
.nav .sub{ display:none; width:124px; left:-11px; top:36px;  position:absolute; background:#62b000; -moz-opacity:0.8;
    opacity: 0.8; filter:alpha(opacity=80);  border-top:none; line-height:26px; padding:5px 0;text-align:center;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#4369B1; color:#fff;  }
.nav .on h3 a{  color:#fff;}

.banner{width:1028px; margin:0 auto;margin-top:2px;}
.slideBox{ width:1028px; height:345px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:37px; height:6px;  text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1028px; height:345px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.main{width:1029px; margin:0 auto; margin-top:5px; }
.box1{height:153px; background:url(../images/bg2.jpg) left no-repeat;}
.picMarquee-left{ width:1028px;  overflow:hidden; position:relative;   }
.picMarquee-left .bd{ padding:5px;   }
.picMarquee-left .bd .tempWrap{width:100% !important;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:244px; height:122px; display:block;  }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

.box2{width:1028px; margin:0 auto; text-align:left;margin-top:10px;}
.box2 .b2-left{width:355px; float:left;}
.box2 .b2-mid{width:345px; float:left; margin:0 49px; display:inline;}
.box2 .b2-right{width:230px; float:left;}
.b2-title{height:27px; line-height:27px; border-bottom:2px solid #087a27;}
.b2-title .bt2-left{float:left;width:170px; font-size:14px; color:#a0a0a0;}
.b2-title .bt2-left span{background:url(../images/line.jpg) right center no-repeat;padding-right:5px; color:#007620;}
.b2-title .bt2-right{float:right; width:50px; text-align:right; }
.b2-title .bt2-right a{color:#087a27;}
.b2-title .bt2-right a:Hover{color:#000;}
.b2-content{padding-top:15px;line-height:25px; color:#737373;}
.b2-content ul li{height:24px; line-height:24px; color:#737373; background:url(../images/bg3.jpg) left no-repeat; background-position:6px;padding-left:20px; border-bottom:1px solid #dbdbdb;}
.b2-content ul li a{float:left; color:#737373; }
.b2-content ul li span{float:right;}

.box{width:1028px; margin:0 auto; margin-top:20px;}
.box .bb{width:316px; float:left;}
.box .bb .bb-tp{}
.box .bb .bb-wz{height:48px;  background:#087a27;line-height:24px; padding:6px 0;font-size:12px; color:#fff;text-align:center;}
.bb2{margin:0 40px; display:inline;}

.box3{width:1028px; margin:0 auto; margin-top:20px;}
.b3-title{height:29px; line-height:29px;border-bottom:2px solid #007620;}
.b3-title .bt3-left{width:110px; float:left;text-align:left;}
.b3-title .bt3-right{width:100px; float:right;text-align:right;}
.b3-title .bt3-right a{color:#087a27;}
.b3-title .bt3-right a:hover{color:#000;}
.picMarquee-left2{ width:1028px;  overflow:hidden; position:relative;   }
.picMarquee-left2 .bd{ padding:10px 0px;   }
.picMarquee-left2 .bd .tempWrap{width:100% !important;}
.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left2 .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left2 .bd ul li .pic{ text-align:center; }
.picMarquee-left2 .bd ul li .pic img{ width:190px; height:126px; display:block;  }
.picMarquee-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left2 .bd ul li .title{ line-height:24px;   }

.box4{width:1028px; margin:0 auto; margin-top:10px;}
.bt4-left{width:300px !important;}
.b4-content{background:#f7f7f7;padding:15px 20px;margin-top:10px;}
.b4-content a{float:left; margin:0 10px;}

/*内页*/
.banner2{width:1028px; margin:0 auto; }
.banner2 img{width:1028px; height:251px;}
.main2{width:1028px; margin:0 auto; margin-top:20px;}
.sider-left{width:225px; float:left;}
.sider-left .sider-box{background:#f3f5f1;padding:20px 10px;margin-bottom:20px; border:1px solid #dcdcdb; border-radius:5px;}
.sl-title{height:31px; line-height:31px; background:url(../images/bg4.jpg) no-repeat; padding:0 20px;color:#fff;}
.sl-title span.st-left{font-size:14px; float:left;}
.sl-title span.st-right{font-size:12px; float:right;}
.sl-content{padding:10px 20px;padding-bottom:0;}

.ddsubmenustyle,.ddsubmenustyle div{font:normal 13px Verdana;margin:0;padding:0;position:absolute;left:0 ;top:0;list-style-type:none;background:white;border:1px solid #ccc;border-bottom-width:0;visibility:hidden;z-index:100;}
.ddsubmenustyle ul{margin:0;padding:0;position:absolute;left:0;top:0;list-style-type:none;border:0px none;}
.ddsubmenustyle li a{display:block;width:130px;color:black;text-decoration:none;padding:4px 5px;border-bottom:1px solid #ccc;}
* html .ddsubmenustyle li{display:inline-block;width:170px;}
.ddsubmenustyle li a:hover{background:#eee; color:#000;}
.downarrowpointer{padding-left:4px;border:0;}
.rightarrowpointer{position:absolute;padding-top:3px;left:100px;border:0;}
.ddiframeshim{position:absolute;z-index:500;background:transparent;border-width:0;width:0;height:0;display:block;}

.markermenu{width:160px;clear:left;position:relative;}
.markermenu ul{list-style-type:none;margin:5px 0;padding:0;}
.markermenu ul li a{font:bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;color:#4b4b4b;display:block;width:auto;padding:3px 0;padding-left:20px;text-decoration:none;border-bottom:1px solid #B5B5B5;}
*html .markermenu ul li a{width:155px;}
.markermenu ul li a:visited, .markermenu ul li a:active{}
.markermenu ul li a:hover, .markermenu ul li a.selected{}
.blackwhite li a{}
.blackwhite li a:hover{background:black;color:white;}


.sl-content2{padding-top:10px;line-height:24px; }
.sider-right{width:777px; float:right;}
.sr-title{height:41px; line-height:41px; background:url(../images/bg6.jpg) left no-repeat;}
.sr-title .srt-left{width:250px; float:left; font-size:14px;font-weight:bold;padding-left:30px;}
.sr-title .srt-right{width:450px; float:right;text-align:right;padding-right:20px;}

/*关于我们*/
.sr-content{padding:20px 0; line-height:2;}
.about{padding:0 10px; font-size:14px;}

.zhizhi{}
.zhizhi{text-align:left; height:30px; line-height:30px; background:url(../images/tp41.jpg) left no-repeat;color:#cb0000;font-size:14px; }
.zhizhi ul li{float:left; line-height:2; margin:0 19px; margin-bottom:10px; display:inline;text-align:center;}
.zhizhi ul li img{width:214px; height:244px;padding:2px; border:1px solid #ddd;}

/*资质下载*/
.download{}
.download ul li{height:30px; line-height:30px;padding-left:15px; background:url(../images/bg3.jpg) left no-repeat; border-bottom:1px dashed #ddd;}
.download ul li a{float:left;}
.download ul li span{float:right;}

/*品牌产品*/
.product{}
.product .pic{ width:380px; float:left;}
.product .pic img{ width:400px; border:solid 1px #dadada;}
.product .guige{ width:350px; float:right;line-height:30px;}
.product .sm{ width:100%; float:left; margin-top:20px;}
.product .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product .sm .neirong{ padding:10px; line-height:24px; float:left;}
.product .sm .neirong ul li{float:left;width:340px; margin:10px 19px;display:inline;}
.pro-title {height:30px; line-height:30px; background:#62b100; border-radius:5px; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
.pro-title a{color:#fff;}
.pro-content{line-height:24px;padding:5px 10px;}

/*新闻列表*/
.news_list{ padding:20px 0;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/bg3.jpg) no-repeat 6px; padding-left:16px; line-height:24px; margin-bottom:10px;}
.news_list ul li a:hover{ text-decoration:underline; color:#c30;}
.news_list ul li span{ float:right;}

/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{ padding:8px 18px;}
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

/*产品应用*/
.yingyong {}
.yingyong ul li{float:left; margin:10px 10px;display:inline; text-align:center;}
.yingyong ul li img{width:180px; height:150px; border:1px solid #ddd;}

/*产品应用详细*/
.yingyong_show{}
.yingyong_show .pic{ width:320px; float:left;}
.yingyong_show .guige{ width:350px;margin-left:30px; float:left;line-height:2;}
.yingyong_show .sm{ width:100%; float:left; margin-top:20px;}
.yingyong_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.yingyong_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.yingyong_show .sm .neirong{ padding:10px; line-height:24px; float:left;}

/*合作伙伴*/
.part{}
.part ul li{float:left; text-align:center; margin:10px 21px;display:inline;line-height:2;}
.part ul li img{width:150px; height:90px; border:1px solid #ddd;}

/*内页右边单页及表格、表单样式*/
.intro{ line-height:26px; padding:20px;}
.intro p{ margin-bottom:15px;}
.intro table{ background:#dadada; margin-bottom:20px;}
.intro table tr td{ padding:4px; }
.intro table tr td a:hover{ color:#c30;}
.intro table input, .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}



.footer{width:100%;background:#087a27;padding:15px 0; text-align:center; color:#fff; line-height:24px;margin-top:30px;}
.footer a{color:#fff;}
.footer a:Hover{color:#000;}